.chat_wrapper{
    display:flex;
    flex-direction: column;
    height:100vh;
}
.head_box{
    width:100%;
    height:45px;
    position: fixed;
    z-index:9;
    top:0;
    left:0;
}

/* 聊天区域 */
.chat_content_box{
    flex:1;
    margin:45px 0 44px 0;
    padding:8px 0 26px 0;
    background: #eee;
    overflow-y:auto; 
	overflow-x:hidden;
}

.chat_content_box.emoji_show_class{
    margin:45px 0 190px 0;
}
.other_box{
    width:60%;
    display:flex;
    margin:15px 0;
}

.myself_box{
    width:100%;
    display:flex;
    margin:15px 0;
}

.chat_img{
    width:22px;
    height:22px;
    background:#fff;
    border-radius:2px;
}

.chat_img.my_avatar{
    margin-left:6px;
}

.chat{
    color:#232323;
    font-size:12px;
    line-height:16px;
    background:#fff;
    padding:8px 16px;
    border-radius:4px;
    box-shadow:0 0 2px #999;
    margin-left:6px;
    /* 纯英文字母或纯数字不换行问题 */
    word-break:break-all;
}
.chat.my_chat{
    background:#108EE9;
}
.free_box{
    min-width:36%;
    flex:1;
}
/* 聊天区域 */

.send_box{
    width:100%;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9;
}
.emojji_img{
    margin-right:10px;
    display:inline-block;
    width:16px;
    height:16px;
}

.send_box 
.am-grid-icon{
    display:none;
}
.send_box 
.am-grid-text{
    margin-top:0;
}